#{if _field.id!=null}
	
	<h2 id="crudShowTitle">Organizaciones
	<img id="addOrganizacionSubbase" src="/public/images/Add.png" alt="Add">
	Mostrar: <select name="columna" id="columna">
		<option value="sector">Sector</option>
		<option value="rama">Rama</option>
	  	<option value="rubro">Rubro</option>
	  	<option value="subrubro">Subrubro</option>
	  	<option value="tratamiento">Tratamiento</option>
	  	<option value="contacto">Contacto</option>
	  	<option value="ejecutivoNivel1">Ejecutivo Nivel 1</option>
	  	<option value="ejecutivoNivel2">Ejecutivo Nivel 2</option>
	  	<option value="ejecutivoNivel3">Ejecutivo Nivel 3</option>
	  	<option value="domicilio">Domicilio</option>
	  	<option value="piso">Piso</option>
	  	<option value="oficina">Oficina</option>
	  	<option value="localidad">Localidad</option>
	  	<option value="web">Web</option>
	  	<option value="mail">Mail</option>
	  	<option value="telefono">Telefono</option>
	  	<option value="celular">Celular</option>
	  	<option value="fax">Fax</option>
	  	<option value="observaciones">Observaciones</option>
	  	
	</select>
	<input type="button" value="Agregar" onclick="addColumn();"/>
	</h2>
	<div class="organizaciones"  style="width:800px; height:250px; overflow: scroll;">
		<table id="tablaOrganizaciones">		
			<thead>
				<tr>
					<th>Razon Social/Nombre</th>
					<th id="sectorTittle" style="display: none">Sector</th>
					<th id="ramaTittle" style="display: none">Rama</th>
					<th id="rubroTittle" style="display: none">Rubro</th>
					<th id="subrubroTittle" style="display: none">Subrurbo</th>
					<th id="tratamientoTittle" style="display: none">Tratamiento</th>
					<th id="contactoTittle" style="display: none">Contacto</th>
					<th id="ejecutivoNivel1Tittle" style="display: none">Ejecutivo Nivel 1</th>
					<th id="ejecutivoNivel2Tittle" style="display: none">Ejecutivo Nivel 2</th>
					<th id="ejecutivoNivel3Tittle" style="display: none">Ejecutivo Nivel 3</th>
					<th id="domicilioTittle" style="display: none">Domicilio</th>
					<th id="pisoTittle" style="display: none">Piso</th>
					<th id="oficinaTittle" style="display: none">Oficina</th>
					<th id="localidadTittle" style="display: none">Localidad</th>
					<th id="webTittle" style="display: none">Web</th>
					<th id="mailTittle" style="display: none">Mail</th>
					<th id="telefonoTittle" style="display: none">Telefono</th>
					<th id="celularTittle" style="display: none">Celular</th>
					<th id="faxTittle" style="display: none">Fax</th>
					<th id="observacionesTittle" style="display: none">Observaciones</th>
					<th>Quitar</th>
				</tr>
			</thead>
			#{list items:_field.organizaciones, as:'organizacionSubbase'}				
				<tr>
					<td>${organizacionSubbase}</td>
					<td id="sectorValue" style="display: none">${organizacionSubbase.sector}</td>
					<td id="ramaValue" style="display: none">${organizacionSubbase.rama}</td>
					<td id="rubroValue" style="display: none">${organizacionSubbase.rubro}</td>
					<td id="subrubroValue" style="display: none">${organizacionSubbase.subrubro}</td>
					<td id="tratamientoValue" style="display: none">${organizacionSubbase.tratamiento}</td>
					<td id="contactoValue" style="display: none">Sólo para exportar</td>
					<td id="ejecutivoNivel1Value" style="display: none">%{ out.write(controllers.SubBases.getEjecutivoNivel(organizacionSubbase, 1)) %}</td>
					<td id="ejecutivoNivel2Value" style="display: none">%{ out.write(controllers.SubBases.getEjecutivoNivel(organizacionSubbase, 2)) %}</td>
					<td id="ejecutivoNivel3Value" style="display: none">%{ out.write(controllers.SubBases.getEjecutivoNivel(organizacionSubbase, 3)) %}</td>
					<td id="domicilioValue" style="display: none">${organizacionSubbase.domicilio}</td>
					<td id="pisoValue" style="display: none">${organizacionSubbase.piso}</td>
					<td id="oficinaValue" style="display: none">${organizacionSubbase.oficina}</td>
					<td id="localidadValue" style="display: none">${organizacionSubbase.localidad}</td>
					<td id="webValue" style="display: none">${organizacionSubbase.web}</td>
					<td id="mailValue" style="display: none">${organizacionSubbase.mail}</td>
					<td id="telefonoValue" style="display: none">${organizacionSubbase.telefono}</td>
					<td id="celularValue" style="display: none">${organizacionSubbase.celular}</td>
					<td id="faxValue" style="display: none">${organizacionSubbase.fax}</td>
					<td id="observacionesValue" style="display: none">${organizacionSubbase.observaciones}</td>				
					<td><a href="@{SubBases.removeOrganizacion(organizacionSubbase.id, _field.id)}" class="organizacion" >
						<img height="16px" width="16px" id="removeEmpresa" src="/public/images/delete.gif" alt="remove"></a></td>
				</tr>
			#{/list}
		</table>	
	</div>
	
	<div id="dialog-organizacionesSubbase"  style="display: none" class="dialog-style">
		<h2 id="crudShowTitle">&{'crud.blank.title', 'Organizaciones'}
		<input type="text" id="organizacionSubbaseNameSearch" name="organizacionSubbaseNameSearch">
		</h2>
		<div class="objectForm">
			<div class="crudField crud_text" id="organizacionesSubbaseDiv">
				<table id="organizacionesSubbaseTable">			
					#{list items:_organizaciones, as:'organizacion'}				
						<tr><td><a href="@{SubBases.agregarOrganizacion(organizacion.id, _field.id)}" class="organizacion" >${organizacion}</a></td></tr>
					#{/list}
				</table>
			</div>
		</div>	
	</div> 
	

<script type="text/javascript">
$().ready(function() {
	
	$( "#dialog-organizacionesSubbase").dialog({
		autoOpen: false,
	    width: 550, 
	    maxWidth: 550,
	    minWidth: 430,
		height: 'auto',
		fluid: true, 
	    resizable: false,
	    dialogClass: "dialog-style",
	    open: function(event, ui){
	    },
	    close: function(event, ui){
	    	$( "#dialog-organizacionesSubbase" ).dialog( "close" );
	    }
	});
	
	$("#organizacionSubbaseNameSearch").keyup(function() {
		  searchOrganizacionesSubbase();
	});
	$( "#addOrganizacionSubbase" ).click(function() {
		$( "#dialog-organizacionesSubbase" ).dialog( "open" );
		return false;
	});
})

function addColumn(){
	idColumna = $("#columna").val();
	col = -1;
	if (idColumna == 'sector')
		col = 1;
	if (idColumna == 'rama')
		col = 2;
	if (idColumna == 'rubro')
		col = 3;
	if (idColumna == 'subrubro')
		col = 4;
	if (idColumna == 'tratamiento')
		col = 5;
	if (idColumna == 'contacto')
		col = 6;
	if (idColumna == 'ejecutivoNivel1')
		col = 7;
	if (idColumna == 'ejecutivoNivel2')
		col = 8;
	if (idColumna == 'ejecutivoNivel3')
		col = 9;
	if (idColumna == 'domicilio')
		col = 10;
	if (idColumna == 'piso')
		col = 11;
	if (idColumna == 'oficina')
		col = 12;
	if (idColumna == 'localidad')
		col = 13;
	if (idColumna == 'web')
		col = 14;
	if (idColumna == 'mail')
		col = 15;
	if (idColumna == 'telefono')
		col = 16;
	if (idColumna == 'celular')
		col = 17;
	if (idColumna == 'fax')
		col = 18;
	if (idColumna == 'observaciones')
		col = 19;
	if (col > 0){
		$('#tablaOrganizaciones th:eq('+ col +')').show();
		$('#tablaOrganizaciones td:nth-child('+ (col + 1) +')').show(); 
		$("#"+idColumna+"_Filter").val(true);
	}		
}

function searchOrganizacionesSubbase(){
	$.get("/Organizaciones/search",  {		
		organizacionId: '',
		nombre: $("#organizacionSubbaseNameSearch").val()
	},function(data, id){
		if(data[0] != 'ERROR'){
			$("#organizacionesSubbaseTable").remove();
			var organizaciones = JSON.parse(data[1]);
			var i = 0;
			html = "<table id='organizacionesSubbaseTable'>";
			for(i = 0; i < organizaciones.length; i++) {
				html = html + 
				"<tr><td><a href='/SubBases/agregarOrganizacion?subbaseSelected=${_field.id}&organizacionSelected="+organizaciones[i].id+"' class='organizacion' >"+
					' ' + organizaciones[i].razonSocial + ' ' + organizaciones[i].nombre + ' ' + organizaciones[i].apellido+ ' ' + organizaciones[i].marcaComercial +
						"</a></td></tr>";
			}
			html = html + "</table>";
			$("#organizacionesSubbaseDiv").append(html);
			return false;
		}else {
			return false;
		}
		
	},'json');
}

</script>
#{/if}
